﻿@using ABC.Controllers.ViewModels
@model BaseViewModel
@{
    ViewBag.Title = "Счет на оплату полиса - Азбука24";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}
<div class="row-fluid">
    <!--// Левая колонка -->
    @{Html.RenderPartial("_SectionCabinetMenu", new BaseViewModel());}
    <!--// Правая колонка -->
    <div class="span9">
        <div class="page-header">
            <h2>
                Счет на оплату</h2>
        </div>
        <div class="row-fluid">
            <form class="form-horizontal">
            <fieldset>
                <legend>Параметры счета</legend>
                <div class="control-group">
                    <label class="control-label">
                        Номер счета</label>
                    <div class="controls">
                        <span class="form-text">А132309</span>
                        <!--
								// Если агент выставляет счет самостоятельно, то данный парамер всегда присваивается автоматически
								<label class="checkbox">
								<input type="checkbox" name="optionsCheckboxList1" value="option1" checked="">
								Присвоить автоматически
								</label>
								
								// Если чекбокс не отмечен, тогда показывать это поле
								<input type="text" class="input-large phone" id="phone" placeholder="Обязательно"> 
								-->
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="date">
                        Дата создания</label>
                    <div class="controls">
                        <!--По-умолчанию сегодняшняя дата-->
                        <input id="date" class="date input-small" type="date" value="10.09.2012">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="status">
                        Статус</label>
                    <div class="controls">
                        <select class="input-large" id="status">
                            <option selected="selected">Не оплачен </option>
                            <option>Оплачен </option>
                            <option>Отменен </option>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="organization">
                        Организация</label>
                    <div class="controls">
                        <select class="input-large" id="organization">
                            <option selected="selected">Азбука Страховой Защиты, ООО </option>
                        </select>
                    </div>
                </div>
            </fieldset>
            <fieldset>
                <legend>Плательщик</legend>
                <div class="control-group">
                    <label class="control-label" for="payer">
                        Наименование</label>
                    <div class="controls">
                        <div class="input-append">
                            <input class="input-large" id="payer" type="text" placeholder="Имя или название">
                            <button class="btn" type="button" rel="tooltip" data-toggle="modal" href="#clients-list"
                                data-original-title="Выбрать из списка">
                                <i class="icon-list"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inn">
                        ИНН</label>
                    <div class="controls">
                        <input class="input-large inn" type="text" id="inn" placeholder="10 или 12 цифр">
                        <span class="help-inline kpp"><a href="https://service.nalog.ru/inn.do" target="_blank">
                            Узнать ИНН</a></span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="kpp">
                        КПП</label>
                    <div class="controls">
                        <input class="input-large kpp" type="text" id="kpp" placeholder="9 цифр">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="address">
                        Адрес</label>
                    <div class="controls">
                        <textarea class="input-large" id="address" placeholder="Индекс, город, улица, дом "
                            rows="3"></textarea>
                    </div>
                </div>
            </fieldset>
            <fieldset>
                <legend>Детали счета</legend>
                <div class="control-group">
                    <label class="control-label" for="item">
                        Товары и услуги</label>
                    <div class="controls">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>
                                        Наименование
                                    </th>
                                    <th>
                                        Кол-во
                                    </th>
                                    <th>
                                        Цена
                                    </th>
                                    <th colspan="2">
                                        Сумма
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input class="input-xlarge" id="item" type="text">
                                        <!--div class="input-append">			                            	
	                								<input class="input-xlarge" id="item" type="text"><button class="btn" type="button" rel="tooltip" data-toggle="modal" href="#clients-list" data-original-title="Выбрать из списка"><i class="icon-list"></i></button>
	                							</div-->
                                    </td>
                                    <td>
                                        <input type="text" class="input-mini" id="quantity">
                                    </td>
                                    <td>
                                        <input type="text" class="input-mini" id="price">
                                    </td>
                                    <td>
                                        <input type="text" class="input-mini" id="summ">
                                    </td>
                                    <td>
                                        <button class="btn" rel="tooltip" data-original-title="Удалить">
                                            <i class="icon-trash"></i>
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="3">
                                        <span class="pull-right"><strong>Итого:</strong></span>
                                    </td>
                                    <td colspan="2">
                                        <strong>1 900 000,00 руб.</strong>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                        <button class="btn">
                            Добавить строку</button>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="notes">
                        Примечание</label>
                    <div class="controls">
                        <textarea class="input-large" id="notes" placeholder="Добавьте сюда любую информацию, которую хотите видеть в печатной форме счета"></textarea>
                    </div>
                </div>
            </fieldset>
            <div class="form-actions">
                <button class="btn btn-primary btn-large">
                    Сохранить изменения</button>
                <button class="btn">
                    Печать</button>
                <button class="btn">
                    Экспорт в PDF</button>
            </div>
            </form>
        </div>
    </div>
</div>
